export default {
    component: 'jzlChartBar',
    icon: 'fa fa-chart-bar',
    name: '柱状图',

    box_style: {
        _name: 'Box',
        _node: 'div',
        _fix: "all",
        _ss: {
            "flexDirection": "column"
        },

        header: {
            title: {
                _ss: {
                    "text": "统计柱状图"
                }
            },
            icon: {
                _ss: {
                    icon: "fa fa-bar-chart"
                }
            },
            refresh: {
                _ss: {
                    "display": "block"
                }
            },
            more: {
                _ss: {
                    "display": "none"
                }
            }
        }
    },
    ele_style: {
        _name: '柱状图',
        _render: '_ele',
        _fix: true,
        _ss: {}
    },
    setting: {
        sticky: false,
        theme: "",
        chartTheme: "",
        colors: ["#63b2ee","#76da91","#f8cb7f","#f89588","#7cd6cf","#9192ab","#7898e1","#efa666","#eddd86","#9987ce","#63b2ee","#76da91"],
        types: [],
        stack: "",          // total 数据叠堆
        labelShow: false,   // 是否显示图形上的文本标签
        barGap: 0,
        legend: {
            show: true,
            type: "plain",   // plain-普通，scroll-滚动
            left: "auto",   // auto | left | center | right | 10 | 10%
            top: "auto",    // auto | top | middle | bottom | 10 | 10%
            right: "auto",
            bottom: "auto",
            width: "auto",
            height: "auto",
            orient: "horizontal",   // horizontal | vertical
            align: "auto",          // auto | left | right
            padding: 5,             //
            itemGap: 10,
            itemWidth: 25,
            itemHeight: 14,
        },
        grid: {
            show: false,
            left: "rate",    // left | center | right | value | rate
            leftRate: 10,
            leftValue: 50,
            top: "value",      // top | middle | bottom | 10 | 10%
            topValue: 60,
            topRate: 10,
            right: "rate",
            rightRate: 10,
            rightValue: 20,
            bottom: "value",
            bottomValue: 60,
            width: "auto",  // auto |
            height: "auto",
            containLabel: false,    // 是否包含刻度
            backgroundColor: "transparent",
            borderColor: "#ccc",
            borderWidth: 1
        },
        xAxis: {
            show: true,
            position: "",   // top | bottom
            offset: 0,
            name: "",
            nameLocation: "end",   // start | middle | end
            nameGap: 15,
            nameRotate: 0,
            inverse: false,
            axisLabel: {
                show: true,
                rotate: 0,
                interval: 0,
                inside: false,
                margin: 8,
                overflow: "none",     // none | truncate | break | breakAll

            }
        },
        yAxis: {
            show: true,
            position: "",   // left | right
            offset: 0,
            name: "",
            nameLocation: "end",   // start | middle | end
            nameGap: 15,
            nameRotate: 0,
            inverse: false,
            splitNumber: 5,
            minInterval: 0,
            maxInterval: "auto",
            axisLabel: {
                show: true,
                rotate: 0,
                interval: "auto",
                inside: false,
                margin: 8,
                overflow: "none",     // none | truncate | break | breakAll
            }
        }
    },
    setting_schema: {
        "$schema": "http://json-schema.org/draft-04/schema#",
        "title": "报表组件参数设置",
        "description": "",
        "type": "object",
        "properties": {

        }
    },
    vars: [{
        prop: "model",
        type: "table",
        default: null,
        force: true,
        initType: "static",
        defaultTable: [
            [ "日期", "销售量" ],
            [ "1月1日", "123" ],
            [ "1月2日", "1223" ],
            [ "1月3日", "2123" ],
            [ "1月4日", "4123" ],
            [ "1月5日", "3123" ],
            [ "1月6日", "7123" ]
        ]
    }],
    data_fieldsmap: {},
    data_schema: {},
    data_type: 'static',    // static | dync
    /*data_static: {
        source: [
            [ "日期", "销售量" ],
            [ "1月1日", "123" ],
            [ "1月2日", "1223" ],
            [ "1月3日", "2123" ],
            [ "1月4日", "4123" ],
            [ "1月5日", "3123" ],
            [ "1月6日", "7123" ]
        ]
    }*/
}
